<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <link rel="stylesheet" type="text/css" href="style/common.css"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/index.css}"/>
    <link rel="stylesheet" type="text/css" href="style/search.css"/>
    <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js"></script>
    <script src="/js/youhui.lazyLoad.js"></script>
    <script src="/js/cache.history.js"></script>
    <title>商品搜索</title>
</head>
<body style="height: calc(100% - 44px); background: #FAF5F6;">
    <!-- 头部 -->
    <div class="header">
        <a href="javascript:history.go(-1)" class="header-logo">
            <img src="http://owtl83r0c.bkt.clouddn.com/back.png" />
        </a>
        <div class="search-wrapper">
            <input class="input_box" placeholder="搜宝贝" type="text" name="name" autofocus="true" />
            <img class="submit-button" src="http://owtl83r0c.bkt.clouddn.com/search.png" />
        </div>
        <div class="search-button submit-button">
            <a href="javascript:void(0);">搜索</a>
        </div>
    </div>

    <!--搜索历史-->
    <div class="search-history">
        <p class="search-top-desc">
            <span>搜索历史</span>
            <a href="#" class="delete-search">
                <img src="http://owtl83r0c.bkt.clouddn.com/delete.png" />
            </a>
        </p>
        <div class="search-history-list">
        </div>
    </div>

    <div class="hot-search">
        <p class="hot-search-title">
            <span>热门搜索</span>
        </p>
        <div class="hot-search-list">
        </div>
    </div>

    <!-- 商品区 -->
    <div class="commodity-list" style="margin-top: 44px;">
    </div>

    <div id="loading">
        <img src="http://owtl83r0c.bkt.clouddn.com/loading.gif" />
    </div>

    <div class="to-top">
        <img src="http://owtl83r0c.bkt.clouddn.com/top.png" />
    </div>

    <p id="info">没有更多商品</p>

    <p id="search-info">没有相关商品</p>

    <script src="/js/search.js"></script>
</body>
</html>